<template>
  <view>
    <!-- 用户未登录时，显示登录组件 -->
    <my-login></my-login>
    <!-- 用户登录后，显示用户信息组件 -->
    <my-userinfo></my-userinfo>
  </view>
</template>

<script>
// 导入自己封装的 mixin 模块
import badgeMix from "@/mixins/tabbar-badge.js";
import { mapState } from "vuex";
export default {
  // 将 badgeMix 混入到当前的页面中进行使用
  mixins: [badgeMix],
  data() {
    return {};
  },
  methods: {},
  computed: {
    // 从 m_user 模块中导入需要的 token 字符串
    ...mapState("m_user", ["token"]),
  },
};
</script>

<style lang="scss" scoped>
page,
.my-container {
  height: 100%;
}
</style>
